<template>
  <div class="project-area project-page">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-lg-6 col-md-7">
          <div class="project-item mt-30">
            <div class="project-thumb">
              <img src="/assets/images/project/project-1.jpg" alt="projects">
            </div>
            <div class="project-content">
              <nuxt-link to="/single-project"><span>Welding Processing</span></nuxt-link>
              <p>recent project</p>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-7">
          <div class="project-item mt-30">
            <div class="project-thumb">
              <img src="/assets/images/project/project-2.jpg" alt="projects">
            </div>
            <div class="project-content">
              <nuxt-link to="/single-project"><span>Bridge Construction</span></nuxt-link>
              <p>recent project</p>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-7">
          <div class="project-item mt-30">
            <div class="project-thumb">
              <img src="/assets/images/project/project-3.jpg" alt="projects">
            </div>
            <div class="project-content">
              <nuxt-link to="/single-project"><span>Build machinery</span></nuxt-link>
              <p>recent project</p>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-7">
          <div class="project-item mt-30">
            <div class="project-thumb">
              <img src="/assets/images/project/project-4.jpg" alt="projects">
            </div>
            <div class="project-content">
              <nuxt-link to="/single-project"><span>oil &amp; gas production</span></nuxt-link>
              <p>recent project</p>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-7">
          <div class="project-item mt-30">
            <div class="project-thumb">
              <img src="/assets/images/project/project-5.jpg" alt="projects">
            </div>
            <div class="project-content">
              <nuxt-link to="/single-project"><span>mechanical engineering</span></nuxt-link>
              <p>recent project</p>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-7">
          <div class="project-item mt-30">
            <div class="project-thumb">
              <img src="/assets/images/project/project-6.jpg" alt="projects">
            </div>
            <div class="project-content">
              <nuxt-link to="/single-project"><span>power energies</span></nuxt-link>
              <p>recent project</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "ProjectsPage"
    }
</script>

<style scoped>

</style>
